/**
 * The polygon is a customizable shape. Start and end point of that
 * shape must have the same location.
 * A polygon is normally used to mark a specific area on the map. 
 * 
 * @author Kim Pommert
 * @version %I%, %G%
 */
qx.Class.define("qooxdoosample.cocktail.util.overlays.Polygon",
{
	extend: qooxdoosample.cocktail.util.overlays.Polyline,
	
	/**
	 * Class constructor.
	 * Instantiates an object of that class.
	 * 
	 * @param points	{Array} The list of points that are used as vertex of that shape
	 */
	construct: function(points)
	{
		this.base(arguments, points);
		this.setFillColor("#ff0000");
		this.setFillOpacity(0.25);	
	},
		
	properties :
	{
		/**
		 * The customized fill color of the shape.
		 * The color is a string in HTML hex representation.
		 */
    	fillColor:
    	{
      		nullable: true,
      		init: "#ff0000",
      		check: "String"
      	},
      	
      	/**
      	 * The opacity of the fill color.
		 * The value is a float between 0.0 and 1.0
      	 */
      	fillOpacity:
      	{
      		nullable: true,
      		init: 0.25,
      		check: "Number"
      	}
	}
	
});